﻿/* Place custom styles below */
.taskColumn
{
    float: left;
    width: 33.33%;
    min-height: 100px;
}

.hiddenTemplate
{
    display: none;
}

.taskTitle
{
    font-weight: bold;
}

.taskDiv ul
{
    list-style: none;
    margin: 0px;
    padding: 4px;
}

.task-hover
{
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    min-height: 300px;
}

.task-active
{
    border: 1px solid #b18e01;
    background: #fdf5ce;
    min-height: 300px;
}

.taskDiv li
{
    font-size: 90%;
    display: block;
    padding: 0.4em 0 0.4em 0.5em;
    text-decoration: none;
}

#notStartedTasksDiv li {
    border-left: 12px solid #71af0e;
    border-right: 3px solid #71af0e;
    background-color: #27e833;
    border-bottom: 1px solid #71af0e;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    color: white;
}

#notStartedTasksDiv li:hover {
    background-color: #a9a9a9;
    color: white;
}

#inProgressTasksDiv li {
    border-left: 12px solid #efb600;
    border-right: 3px solid #efb600;
    background-color: #FFBE00;
    border-bottom: 1px solid #efb600;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    color: white;
}

#inProgressTasksDiv li:hover
{
    background-color: #a9a9a9;
    color: white;
}

#completedTasksDiv li {
    border-left: 12px solid #ef0b00;
    border-right: 3px solid #ef0b00;
    background-color: #cc0605;
    border-bottom: 1px solid #ef0b00;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    color: white;
}

#completedTasksDiv li:hover
{
    background-color: #a9a9a9;
    color: white;
}

.moveButtonsDiv
{
    display: inline-block;
    width: 100%;
}

.moveButton
{
    cursor: pointer;
}

.moveLeftButton
{
    float: left;
}

.moveRightButton
{
    float: right;
}

#newTaskDiv
{
    padding: 5px;
}

.newTask
{
    border: 3px solid #cccccc;
    padding: 5px;
    background-color: white;
}

/*#addTaskButton:hover
{
    border: 3px solid #ff1943;
    cursor: pointer;
}*/

.deleteDiv
{
    float: right;
}

.delete {
    background: red;
    color: white;
    font-weight: bolder;
    padding: 3px;
    margin: 5px 5px 0px 5px;
    border: white solid thin;
    border-top: 0px;
    cursor: pointer;
}

.deleteButton:hover
{
    font-size: 1.3em;
}

.yesDeleteButton
{
    background: darkgreen;
}

.yesDeleteButton:hover
{
    background: greenyellow;
}

.noDeleteButton
{
    background: darkred;
}

.noDeleteButton:hover
{
    background: palevioletred;
}

.edit
{
    width: 90%;
    padding: 5px;
    background-color: white;
    font: inherit;
    border: 0;
}

.editTaskDescription
{
    height: 120px;
    overflow: hidden;
}

.editButton
{
    font-weight: bolder;
    padding: 5px;
    border: white solid thin;
    cursor: pointer;
    color: white;
}

.editTaskSaveButton
{
    background: darkgreen;
}

.editTaskSaveButton:hover
{
    background: greenyellow;
}

.editTaskCancelButton
{
    background: darkred;
}

.editTaskCancelButton:hover
{
    background: palevioletred;
}
